<%@ page contentType="text/html; charset=utf-8" %>
<%@ include file="/WEB-INF/jsp/com/include/declare.jspf" %>
<%@ include file="/WEB-INF/jsp/com/include/doctype.jspf" %>
<script type="text/javascript" src="/kr/common/js/pie/pie_ready.js"></script>
<script type="text/javascript" src="<c:url value='/common/js/jquery-1.7.1.js'/>"></script>
<script type="text/javascript" src="<c:url value='/common/js/jquery-ui-1.8.16.custom.min.js'/>"></script>
<script type="text/javascript" src="<c:url value='/common/js/jquery-popup.0.2.js'/>"></script>
<script type="text/javascript" src="<c:url value='/common/js/ajaxupload.js'/>"></script>
<script type="text/javascript" src="<c:url value='/common/js/Common.js'/>"></script>
<script type="text/javascript" src="/kr/common/js/pie/pie_ready.js"></script>
</head>
<script type = "text/javascript" language = "javascript">
document.domain="hyundai.com" ;
function svrcomChg(){

    
    var svrcom =  document.getElementById("selEmlTail");
    //변경이 발생한경우  인증확인Flg를 초기화 한다.
    
    //이메일 제공 회사가 변경되면 이메일이 확인되었어도 메세지를 변경한다.
    
    var emailChkFlg = document.getElementById("emailChkFlg");
    emailChkFlg.value = "";

    var emlMsgFlg = document.getElementById("emlMsgFlg");   

    emlMsgFlg.value ="1";
    
    
    emlMsgCheck();
  
    if(svrcom.value == "")
    {  //직접입력의 경우 이메일제공회사를 입력한 후에 아이디 체크가 이루어 져야한다.
        
        document.getElementById("mbrEmlTail").value = "";
        document.getElementById("mbrEmlTail").disabled = false;
        document.getElementById("mbrEmlTail").focus();
    }
    else 
    {
        document.getElementById("mbrEmlTail").value =svrcom.value;
        document.getElementById("mbrEmlTail").disabled = true;
        emlCheck();
    }


}


function emlCheck()
{
        
    var frm = $("#mpgMbrInfoForm")[0];
    var emlCheckMsg = document.getElementById("emlMsg");
    var emailChkFlg = document.getElementById("emailChkFlg");
    var emlMsgFlg = document.getElementById("emlMsgFlg");   
    var mbrEmlPrx = document.getElementById("mbrEmlPrx") ;
    var mbrEmlTail = document.getElementById("mbrEmlTail") ;
    var selEmlTail = document.getElementById("selEmlTail") ;

   
 
    emailChkFlg.value = "1";
    
    //이메일 아이디를 입력하고 직접입력을 선택한후 이메일회사를 입력하거나 이메일회사를 선택한 경우에만
    //ID 중복을 체크한다.  
    //if ((mbrEmlPrx.value !="") && ( ((selEmlTail.value == "" ) && (mbrEmlTail.value !=""))   || ((selEmlTail.value !="") && (mbrEmlTail.value ==""))))
    if((mbrEmlPrx.value !="") &&  (mbrEmlTail.value !=""))   
    {
      //1. 직접입력의 경우 "."이 하나이상 존재하는지 파악한다.
      if((selEmlTail.value == "" ) && (mbrEmlTail.value !=""))
      {
          var ipos = mbrEmlTail.value.indexOf(".");

          if (ipos <= 0){
              emlCheckMsg.innerHTML="<font color=\"red\">유효하지 않은 이메일입니다.</font>";
              emailChkFlg.value = "";
              emlMsgFlg.value = "1"; 
              mbrEmlPrx.value="";
              mbrEmlTail.value="";
              selEmlTail.value="";
              mbrEmlPrx.focus();
              return false;
          }
              
      }
      //2. 중복검사를 위한 서비스를 호출한다.
        //var allEml = mbrEmlPrx.value + "@" + mbrEmlTail.value + selEmlTail.value ;
      //  var allEml =$("#mbrEmlPrx").val() + "@" + $("#mbrEmlTail").val() + $("#selEmlTail").val()  ;

      var allEml =$("#mbrEmlPrx").val() + "@" + $("#mbrEmlTail").val();
       $.post("<c:url value='/mbr/emlCheck.do'/>",
               {
                   'aeml' : allEml
               },
               function(data){
                   var result={};
                   var items = $(data).find("item");
                   items.each(function(index,element){
                      var name = $(this).find("name").text();
                      var value = $(this).find("value").text();
                      result[name] = value;
                   });
                   if(result["result"] =="OK"){
                       emlCheckMsg.innerHTML="이메일 아이디가 확인되었습니다.";
                       emailChkFlg.value = "Y";
                   }
                   else{
                       emlCheckMsg.innerHTML="<font color=\"red\">유효하지 않거나 중복 이메일입니다.</font>";
                       emlMsgFlg.value = "1"; 
                       emailChkFlg.value = "";
                       mbrEmlPrx.value="";
                       mbrEmlTail.value="";
                       
                       //selEmlTail.focus();
                       return false;                      
                   }
                       
               }  
           );  

       return true;      
    }else if((mbrEmlPrx.value =="") &&  (mbrEmlTail.value !="")){
        emlMsgFlg.value = "1" ;
        emlMsgCheck();
        
    }
  
    
    return false;
}

function emlMsgCheck(){

    var emlMsgFlg = document.getElementById("emlMsgFlg");   

    var emlCheckMsg = document.getElementById("emlMsg");

    var emailChkFlg = document.getElementById("emailChkFlg");

    
    if(emlMsgFlg.value == "1"){

        emlCheckMsg.innerHTML="현대자동차 홈페이지에서 사용 가능한 이메일 아이디를 입력하여 주세요.";
        emailChkFlg.value="";
        emlMsgFlg.value = "0";
    }
}


function pwdMsgCheck()
{
    var frm = $("#mpgMbrInfoForm")[0];


    
    var pwdCheckMsg = document.getElementById("pwMsg");
    
    var pwMsgFlg = frm.pwMsgFlg.value ;
    
    if (pwMsgFlg == "1")
        {
        pwdCheckMsg.innerHTML="6자리 이상 영문+숫자 혼용하여 입력하여 주세요.(특수문자 제외)";
        frm.pwMsgFlg.value = "0";
        }   
   
}

function pwdCheck()
{     
    
    var frm = $("#mpgMbrInfoForm")[0];

    // alert($("#pw1").val());    
   var pwtxt = document.getElementById("pwtxt");

    var pwCfn = document.getElementById("pwCfn");
    
    
    var pwdCheckMsg = document.getElementById("pwMsg");
    
    var pwMsgFlg = document.getElementById("pwMsgFlg") ;
 
    if (pwMsgFlg.value == "1")
    {
//    pwdCheckMsg.innerHTML="<font color=\"black\">6자리 이상 영문+숫자 혼용하여 입력하여 주세요.(특수문자 제외)</font>";
     pwdCheckMsg.innerHTML="6자리 이상 영문+숫자 혼용하여 입력하여 주세요.(특수문자 제외)";
      pwMsgFlg.value = "0";
    }
    
    //비밀번호와 비밀번호 확인은 모두 입력하였을 경우에만 메세지 처리를 한다
       var pw = pwtxt.value;
       var pwC = pwCfn.value;
    
    if((pwtxt.value != "" ) && (pwCfn.value != ""))
    {
 
       //1. 비밀번호와 비밀번호 확인 데이터가  일치하는지 체크한다.
       //   일치하지 않으면 모두 초기화하고 비밀번호로 포커스를 이동한다.

       if((pw.length < 6) || (pwC.length < 6)||(pw.length > 15) || (pwC.length > 15))
       {
            pwdCheckMsg.innerHTML="<font color=\"red\">6자리 이상 영문+숫자 혼용하여 입력하여 주세요.(특수문자 제외)</font>";
            frm.pwMsgFlg.value = "1";
            pwtxt.value = "";
            pwCfn.value = "";
            pwtxt.focus();
            return false;       
        }
       
       if( pwtxt.value != pwCfn.value)
       {
           
           pwdCheckMsg.innerHTML="<font color=\"red\">비밀번호와 비밀번호확인값이 일치하지 않습니다.</font>";
           pwMsgFlg.value = "1";
           pwtxt.value = "";
           pwCfn.value = "";
           pwtxt.focus();
           return false;
       }
       else
       {  //2. 특수문자가 입력되었는지 체크한다.
           
            var regEx_pwd = new RegExp("[^a-zA-Z0-9]");
            var regEx_pwd_E = new RegExp("[a-zA-Z]");
            var regEx_pwd_N = new RegExp("[0-9]");
            //특수문자 입력여부 체크       
            var result_pwd = regEx_pwd.exec(pwtxt.value);
             if(result_pwd)
            {
                
                pwdCheckMsg.innerHTML="<font color=\"red\">잘못된 번호입니다.</font>";
                pwMsgFlg.value = "1";
                pwtxt.value = "";
                pwCfn.value = "";
                pwtxt.focus();
                return false;
            }
            
            //3.영어만 존재하는지 체크한다
            var result_pwd_E = regEx_pwd_E.exec(pwtxt.value);
            if(!result_pwd_E)
            {
                pwdCheckMsg.innerHTML="<font color=\"red\">6자리 이상 영문+숫자 혼용하여 입력하여 주세요.(특수문자 제외)</font>";
                pwMsgFlg.value = "1";
                pwtxt.value = "";
                pwCfn.value = "";
                pwtxt.focus();
                return false;
            }

            //4.숫자만 존재하는지 체크한다.
            var result_pwd_N = regEx_pwd_N.exec(pwtxt.value);
            if(!result_pwd_N)
            {
                pwdCheckMsg.innerHTML="<font color=\"red\">6자리 이상 영문+숫자 혼용하여 입력하여 주세요.(특수문자 제외)</font>";
                pwMsgFlg.value = "1";
                pwtxt.value = "";
                pwCfn.value = "";
                pwtxt.focus();
                return false;
            }           
        }
        return true ;
    }
    else
    {
        return false;
    }
}


function mbrNmMsgCheck()
{
    var frm = $("#mpgMbrInfoForm")[0];


    
    var mbrNmCheckMsg = document.getElementById("mbrNmMsg");
    
    var mbrNmMsgFlg = frm.mbrNmMsgFlg.value ;
    
    if (mbrNmMsgFlg == "1")
        {
        mbrNmCheckMsg.innerHTML="영,한글만 가능합니다(공백,특수문자 제외)";
        frm.mbrNmMsgFlg.value = "0";
        }   
   
}


function mbrNmCheck()
{     
    
    var frm = $("#mbrEntForm")[0];

    // alert($("#pw1").val());    
   var mbrNmtxt = document.getElementById("mbrNm");
    
    
    var mbrNmCheckMsg = document.getElementById("mbrNmMsg");
    
    var mbrNmMsgFlg = document.getElementById("mbrNmMsgFlg") ;
 
    if (mbrNmMsgFlg.value == "1")
    {
//    pwdCheckMsg.innerHTML="<font color=\"black\">6자리 이상 영문+숫자 혼용하여 입력하여 주세요.(특수문자 제외)</font>";
     mbrNmCheckMsg.innerHTML="영,한글만 가능합니다(공백,특수문자 제외)";
      mbrNmMsgFlg.value = "0";
    }
    
    //비밀번호와 비밀번호 확인은 모두 입력하였을 경우에만 메세지 처리를 한다
   var str = mbrNmtxt.value;
    if(mbrNmtxt.value != "" )
    {
 
            //1. 특수문자가 입력되었는지 체크한다.
           
            var regEx_pwd = new RegExp("[^가-힣a-zA-Z]");
            var regEx_pwd_E = new RegExp("[a-zA-Z]");
            var regEx_pwd_N = new RegExp("[0-9]");
            //특수문자 입력여부 체크       
            var result_pwd = regEx_pwd.exec(mbrNmtxt.value);
             if(result_pwd)
            {
                
                 mbrNmCheckMsg.innerHTML="<font color=\"red\">공백또는 특수문자는 사용하실 수 없습니다.</font>";
                mbrNmMsgFlg.value = "1";
                mbrNmtxt.value = "";
                 //mbrNmtxt.value = str.substring(0,str.length-1);
                mbrNmtxt.focus();
                return false;
            }

        return true ;
    }
    else
    {
        return false;
    }
}

function numbersOnly(obj)
{
    var str = obj.value;
   
    if(str.length > 0)
    {/*
        if(isNaN(str) == true )
        {
            alert("숫자만 입력 가능합니다");
            obj.value = "";
            return false;
        }  
    */
    }
    
    var regEx_hp_N = new RegExp("[0-9]");
    
 
    
    for(var  i = 0 ; i < str.length ; i++){
        
        var str1 = str.charAt(i);
     
        var result_hp = regEx_hp_N.exec(str1);
        if(!result_hp)
       {    
            alert("숫자만 입력 가능합니다");
            obj.value = "";
            return false;        
       }
       
               
    }
     

    return true;
    
}


function dataLengthCheck(maxLen,obj)
{
    var str= obj.value;
    var cntHan;
    
    cntHan = (escape(str)+"%u").match(/%u/g).length-1;
    
    if(maxLen < (str.length + cntHan))
    {
        alert("총 영자  [" + maxLen + "]자, 한글  [" + parseInt(maxLen/2) + "]자 까지 사용하실 수 있습니다. " );
        //입력한 값을 maxLen 길이로 자르기
        while(maxLen < str.length + cntHan)
        {
            str = str.substring(0,str.length-1);
            cntHan = (escape(str)+"%u").match(/%u/g).length-1;
        }
        obj.value = str;
        obj.focus();
        return  false;

  }    
 
   return true;
    
    
    
}




function zipCodePopUp(obj) {

   window.open("/kr/mbr/zipCodePopUp.do","우편번호찾기","top=500px,left=800px,height=800px,width=660px,scrollbars=yes, menubar=no,toolbar=no,status=no");
}

function mbrInfoUpdate(){
    
    var frm = $("#mpgMbrInfoForm")[0];
    //회원성명
    var mbrNm = document.getElementById("mbrNm");  
    var mbrNmMsgFlg = document.getElementById("mbrNmMsgFlg");
    //Email 수신여부
    var chkEml = document.getElementById("chkEml");
    //SMS 수신여부
    var chkSms = document.getElementById("chkSms");
  
    //비밀번호
    var pwtxt  = document.getElementById("pwtxt");
    var pwCfn = document.getElementById("pwCfn");
    //Email제공회사
    var selEmlTail = document.getElementById("selEmlTail");
    //EmailID
    var mbrEmlPrx = document.getElementById("mbrEmlPrx");
    //직접입력Email제공회사
    var mbrEmlTail = document.getElementById("mbrEmlTail");

    var zipSn = document.getElementById("zipSn");    
    var zipSn01 = document.getElementById("zipSn01");    
    var zipSn02 = document.getElementById("zipSn02");    
    
    zipSn.value = zipSn01.value+ zipSn02.value;
    
    
    
    if((mbrNmMsgFlg.value == "1") || (mbrNm.value == "")){
        alert("이름을 입력또는 정정하여 주십시요");
        mbrNm.focus();
        return ;
    }
        
    
    if(frm.emailChkFlg.value != "Y")
    {
        alert("Email ID 체크를 하여 주시기 바랍니다.");
        mbrEmlPrx.focus();
        return ;
    }

    //Email체크 부분을 처리해야한다.
    
    if( mbrEmlTail.value != ""){
        frm.allmbrEml.value =   mbrEmlPrx.value + "@" + mbrEmlTail.value ;  
  }
    else{
        alert("이메일을 입력하여 주십시요");
        mbrEmlTail.focus();
    }
  


   if((pwtxt.value !="") || (pwCfn.value !=""))
   {
       if (! pwdCheck()) 
       {
          alert("비밀번호를 체크하여 주십시요") ;
          return ;
       }
   }
   
    
    //Email 수신여부를 체크한다.
    if(chkEml.checked == true)
    {
       
        frm.emlRcpmYn.value = "Y";
    }
    else
    {
        frm.emlRcpmYn.value = "N";
    }
    //SMS 수신여부를 체크한다.
    if(chkSms.checked == true)
    {
        frm.smsRcpmYn.value = "Y";
    }
    else
    {
        frm.smsRcpmYn.value = "N";
    }

    var telPrx = document.getElementById("telPrx");
    
    var telTail= document.getElementById("telTail");
   
    var telPrxT = telPrx.value;
    var telTailT = telTail.value;
    
    if(telPrxT.length < 3) {
        alert("휴대전화 앞번호는 3자리 이상 입력하여주십시요");
        telPrx.focus();
        return ;
    }

    if(telTailT.length < 4) {
        alert("휴대전화 뒷번호 4자리를  입력하여주십시요");
        telTail.focus();
        return ;
    }
  

    frm.pwtext.value = pwtxt.value;  
    
    var tymdYYYY = document.getElementById("tymdYYYY");
    var tymdMM   = document.getElementById("tymdMM");
    var tymdDD   = document.getElementById("tymdDD");
    var tymd = document.getElementById("tymd");
    
    tymd.value= tymdYYYY.value + tymdMM.value + tymdDD.value;

    
    var frm = document.mpgMbrInfoForm;
    frm.action="<c:url value='/mpg/mpgMbrInfoUpdate.do'/>";
    
    frm.submit();     
     
  /*  
    $.post("<c:url value='/mpg/mpgMbrInfoUpdate.do'/>",
            {
              'mbrNm'  : frm.mbrNm.value,
              'pwtext' : pwtxt.value,
              'allmbrEml' :  frm.allmbrEml.value,
              'mobileCom' : frm.mobileCom.value,
              'telPrx' : frm.telPrx.value,
              'telTail' : frm.telTail.value,
              'emlRcpmYn' : frm.emlRcpmYn.value,
              'smsRcpmYn' : frm.smsRcpmYn.value
                           },
            function(data){
                var result={};
                var items = $(data).find("item");
                items.each(function(index,element){
                   var name = $(this).find("name").text();
                   var value = $(this).find("value").text();
                   result[name] = value;
                });
                if(result["result"] =="CHGEML"){
                    var frm = document.mpgMbrInfoForm;
                    frm.action="<c:url value='/mpg/sendEmailInfo.do'/>";
                    
                    frm.submit();     
                }
                if(result["result"] =="SUMMARY"){
                    var frm = document.mpgMbrInfoForm;
                    frm.action="<c:url value='/mpg/summeryList.do'/>";
                    frm.submit();     
                }
                    
            }  
        );     
    
    */
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}




function mbrDropView(){
    fnInsertPopup('#memberout');
}


function  mbrDrop(){
    
    var frm = document.mpgMbrInfoForm;
    frm.action="<c:url value='/mpg/dropMbrInfo.do'/>";
    
    frm.submit();       
    
}


function fnInsertPopup(area){
  
    $(area).height('');
    $('.dimmed-frame').css({height:$("#wrap").height()});
    $(area).css("display", "");
    $(area).css({top:$(window).scrollTop()+150}).show();
}
function closeLayer(area){
    $('.dimmed-frame').remove();
    $(area).hide(); 
} 



function vinNoCheck()
{     
    


    // alert($("#pw1").val());    
   var vinNo = document.getElementById("vinNo");

  //2. 특수문자가 입력되었는지 체크한다.
           
    var regEx_cnttNo = new RegExp("[^a-zA-Z0-9]");
    //특수문자 입력여부 체크       
    var result_cnttNO = regEx_cnttNo.exec(vinNo.value);
     if(result_cnttNO)
    {
        alert("차대번호는 영/숫자만 가능합니다.");
        vinNo.value = "";
        vinNo.focus();
        return false;
    }
            

}


function fnUpper(){

    var obj =document.getElementById("vinNo");
   
  obj.value = obj.value.toUpperCase();
  vinNoCheck();
}


</script>
<body>

<!-- 회원탈퇴 -->
<div id="memberout" class="layerpopup memberout"><div class="layerpopup-inner">
    <div class="layerpopup-head">
        <h1><img src="/kr/images/layerpopup/h1_memberout.gif" alt="회원탈퇴" /></h1>
    </div>
    <div class="layerpopup-contents">
        <div class="application-check-wrap">
            <p class="stats">
                <img src="/kr/images/layerpopup/txt_memberout.gif" alt="회원탈퇴를 하시겠습니까?" />
            </p>
            <p class="msg">
                탈퇴하시면 동일 아이디로 재가입 하실 수 없습니다<br />
                회원 탈퇴를 하시겠습니까?
            </p>
        </div>
        <div class="btnwrap">
            <a href="javascript:mbrDrop();"><img src="/kr/images/layerpopup/btn_confirm02.gif" alt="확인" /></a>
            <a href="#"><img src="/kr/images/layerpopup/btn_cancel.gif" alt="취소" class="close"/></a>
        </div>
    </div>
    <!-- close -->
    <div class="close-area"><div class="close-area-inner">
        <img src="/kr/images/layerpopup/btn_close.gif" alt="닫기" class="close" />
    </div></div>
    <!-- //close -->
</div></div>
<!-- //회원탈퇴 -->




<%@ include file="/WEB-INF/jsp/com/include/layerpopup.jspf" %>
<div id="wrap" class="non-subnavigation">
    <%@ include file="/WEB-INF/jsp/com/include/navi_utill_sub.jspf" %>
    <%@ include file="/WEB-INF/jsp/com/include/navi_header.jspf" %>
    <hr />

    <%@ include file="/WEB-INF/jsp/com/include/sub_header_global03.jspf" %>
    <hr />


	<div id="container">
		<div id="subtitle-area"><div class="subtitle-area-inner">
			<%@ include file="/WEB-INF/jsp/com/include/location.jspf" %>
		</div></div>
		<div id="article">
			<ul class="mypage-navigation">
                <li><a href="<c:url value="/mpg/summeryList.do"/>"><img src="/kr/images/global_menu/navi_mypage01_out.gif" alt="나의 요약정보" /></a></li>
                <li><a href="<c:url value="/mpg/pwdCheckView.do"/>"><img src="/kr/images/global_menu/navi_mypage02_over.gif" alt="회원 정보" /></a></li>
                <li><a href="<c:url value="/mpg/QuotList.do"/>"><img src="/kr/images/global_menu/navi_mypage03_out.gif" alt="최근 견적" /></a></li>
                <li><a href="<c:url value="/mpg/ctlgListPaging.do"/>"><img src="/kr/images/global_menu/navi_mypage04_out.gif" alt="카탈로그 신청 이력" /></a></li>
                <li><a href="<c:url value="/mpg/tdaListPaging.do"/>"><img src="/kr/images/global_menu/navi_mypage05_out.gif" alt="시승 신청 이력" /></a></li>
                <li><a href="<c:url value="/mpg/mpgEvntInfoView.do"/>"><img src="/kr/images/global_menu/navi_mypage06_out.gif" alt="이벤트 참여 이력" /></a></li>
                <li><a href="<c:url value="/mpg/QAListPaging.do"/>"><img src="/kr/images/global_menu/navi_mypage07_out.gif" alt="Q&amp;A" /></a></li>
			</ul>
			<h4 class="subsection"><img src="/kr/images/title/h4_global_menu03_02.gif" alt="회원정보" /></h4>
			<p class="subsection04"><img src="/kr/images/title/h4_global_menu03_02_desc.gif" alt="현대자동차 회원 가입정보 입니다. 등록된 회원정보를 확인하시고 변경 된 정보가 있으시면 수정해 주시기 바랍니다." /></p>
			<form  name="mpgMbrInfoForm" id="mpgMbrInfoForm" onsubmit="return false" method="post">
                 <input type="hidden" name="allmbrEml" id="allmbrEml" value="">
                <input type="hidden" name="emailChkFlg" id="emailChkFlg" value="Y">
                <input type="hidden" name="emlMsgFlg" id="emlMsgFlg" value="0">
                <input type="hidden" name="pwMsgFlg" id="pwMsgFlg" value ="0">
                <input type="hidden" name="mbrNmMsgFlg" id="mbrNmMsgFlg" value ="0">
                <input type="hidden" name="emlRcpmYn" id="emlRcpmYn" value="N">
                <input type="hidden" name="smsRcpmYn" id="smsRcpmYn" value="N">
                
                <input type="hidden" name="tymd" id="tymd" value="">
                <input type="hidden" name="allTymd" id="allTymd" value="">
                <input type="hidden" name="mobileComFlg" id="mobileComFlg" value="">
                <input type="hidden" name="hpNo" id="hpNo" value="">
                <input type="hidden" name="authNo" id="authNo" value="">
                <input type="hidden" name="ResponseSEQ" id="ResponseSEQ" value="">
                <input type="hidden" name="completeFlg" id="completeFlg" value=""> <!-- 인증완료여부 : "1" 인증완료 -->
                <input type="hidden" name="pwtext" id="pwtext" value="">
 
                <input type="hidden" name="zipSn"  id="zipSn"  value="${mbrInfoVO.zipSn}">
                 <input type="hidden" name="zipScn" id="zipScn" value="${mbrInfoVO.zipScn}">
               
               
 
           <div class="modify-contents-wrap">
				<h5><img src="/kr/images/title/h5_global_menu03_02_02_01.gif" alt="필수 입력정보" /></h5>
				<div class="boardwrite-wrap02">
					<table summary="이메일 아이디, 비밀번호입력, 비밀번호 확인, 본인/휴대전화인증, 정보수신동의">
					<caption>가입필수정보 작성</caption>
					<colgroup>
						<col width="14%" />
						<col width="15%" />
						<col width="14%" />
						<col width="15%" />
						<col />
					</colgroup>
					<tbody>
					<tr>
						<th scope="row"><img src="/kr/images/global_menu/txt_global_menu02_02_06.gif" alt="이름" /></th>
						<td colspan="3">
							<input type="text" class="txt" style="width:232px;" name="mbrNm" id="mbrNm" value="${mbrInfoVO.mbrNm }" onChange="mbrNmCheck()" onClick="mbrNmMsgCheck()"  onKeyUp="dataLengthCheck(40,this)"/>
						</td>
                        <td class="tip-txt" id="mbrNmMsg" name="mbrNmMsg">영,한글만 가능합니다(공백,특수문자 제외)</td>
					</tr>
					<tr>
						<th scope="row"><img src="/kr/images/global_menu/txt_global_menu02_02_01.gif" alt="이메일 아이디" /></th>
						<td colspan="3">
							<input type="text" class="txt" style="width:104px;" name="mbrEmlPrx" id="mbrEmlPrx" onchange="emlCheck()" onclick="emlMsgCheck()" value="${mbrInfoVO.mbrEmlPrx }"/>
							@
							<input type="text" class="txt" style="width:104px;" name="mbrEmlTail" id="mbrEmlTail" onchange="emlCheck()" onclick="emlMsgCheck()" value="${mbrInfoVO.mbrEmlTail }"/>
							<select class="select select-type1" style="width:137px;" name="selEmlTail"  id="selEmlTail" onchange="svrcomChg()" >
								<option>직접입력</option> 
                                <option value="nate.com" <c:if test='${mbrInfoVO.mbrEmlTail == "nate.com"}'> selected="selected"</c:if>>nate.com</option>
                                <option value="naver.com" <c:if test='${mbrInfoVO.mbrEmlTail == "naver.com"}'> selected="selected"</c:if>>naver.com</option>
                                <option value="gmail.com" <c:if test='${mbrInfoVO.mbrEmlTail == "gmail.com"}'> selected="selected"</c:if>>gmail.com</option>
                                <option value="chol.com" <c:if test='${mbrInfoVO.mbrEmlTail == "chol.com"}'> selected="selected"</c:if>> chol.com</option>
                                <option value="dreamwiz.com" <c:if test='${mbrInfoVO.mbrEmlTail == "dreamwiz.com"}'> selected="selected"</c:if>>dreamwiz.com</option>
                                <option value="empal.com" <c:if test='${mbrInfoVO.mbrEmlTail == "empal.com"}'> selected="selected"</c:if>>empal.com</option>
                                <option value="korea.com" <c:if test='${mbrInfoVO.mbrEmlTail == "korea.com"}'> selected="selected"</c:if>>korea.com</option>
                                <option value="hotmail.com" <c:if test='${mbrInfoVO.mbrEmlTail == "hotmail.com"}'> selected="selected"</c:if>>hotmail.com</option>
                            </select> 
						</td>
						<td class="tip-txt" id="emlMsg" name="emlMsg">현대자동차 홈페이지에서 사용 가능한 이메일 아이디를 입력하여 주세요.</td>
					</tr>
					<tr>
						<th scope="row"><img src="/kr/images/global_menu/txt_global_menu02_02_02.gif" alt="비밀번호 입력" /></th>
						<td>
							<input type="password" class="txt" style="width:104px;" id="pwtxt" name="pwtxt"  maxlength="15" onchange="pwdCheck()"   onClick="pwdMsgCheck()"  />
						</td>
						<th scope="row"><img src="/kr/images/global_menu/txt_global_menu02_02_03.gif" alt="비밀번호 확인" /></th>
						<td>
							<input type="password" class="txt" style="width:104px;" id="pwCfn" name="pwCfn"  maxlength="15" onchange="pwdCheck()"   onClick="pwdMsgCheck()" />
						</td>
						<td class="tip-txt" id="pwMsg" name="pwMsg">6자리 이상 영문+숫자 혼용하여 입력하여 주세요.(특수문자 제외)</td>
					</tr>
					<tr>
						<th scope="row"><img src="/kr/images/global_menu/txt_global_menu02_02_04.gif" alt="휴대전화 번호" /></th>
						<td colspan="4">
							<select class="select select-type1" style="width:56px;" name="mobileCom">
                            <option value="010" <c:if test="${ mbrInfoVO.hpNo1 == '010' }">selected="selected"</c:if>>010</option>
                            <option value="011" <c:if test="${ mbrInfoVO.hpNo1 == '011' }">selected="selected"</c:if>>011</option>
                            <option value="016" <c:if test="${ mbrInfoVO.hpNo1 == '016' }">selected="selected"</c:if>>016</option>
                            <option value="017" <c:if test="${ mbrInfoVO.hpNo1 == '017' }">selected="selected"</c:if>>017</option>
                            <option value="018" <c:if test="${ mbrInfoVO.hpNo1 == '018' }">selected="selected"</c:if>>018</option>
                            <option value="019" <c:if test="${ mbrInfoVO.hpNo1 == '019' }">selected="selected"</c:if>>019</option>
         
							</select>
							-
							<input type="text" class="txt" style="width:52px;" maxlength="4" name="telPrx" id="telPrx" onKeyup="numbersOnly(this)" value="${mbrInfoVO.hpNo2 }"/>
							-
							<input type="text" class="txt" style="width:52px;"  maxlength="4" name="telTail" id="telTail" onKeyup="numbersOnly(this)" value="${mbrInfoVO.hpNo3 }"/>
						</td>
					</tr>
					<tr>
						<th scope="row"><img src="/kr/images/global_menu/txt_global_menu02_02_05.gif" alt="정보수신동의" /></th>
						<td colspan="3">
							<span class="check-area">
								<label>
                                   <c:if test ="${mbrInfoVO.emlRcpmYn == 'Y'}">
									<input type="checkbox" class="check" id="chkEml" name="chkEml" checked />
                                    </c:if>
                                   <c:if test ="${mbrInfoVO.emlRcpmYn != 'Y'}">
                                    <input type="checkbox" class="check" id="chkEml" name="chkEml"  />
                                    </c:if>									
                                                                                              이메일 수신
								</label>
								<label>
                                   <c:if test ="${mbrInfoVO.smsRcpmYn == 'Y'}">
									<input type="checkbox" class="check space" id="chkSms" name="chkSms" checked/>
									</c:if>
                                   <c:if test ="${mbrInfoVO.smsRcpmYn != 'Y'}">
                                    <input type="checkbox" class="check space" id="chkSms" name="chkSms"/>
                                    </c:if>                                    
                                    SMS 수신
								</label>
							</span>
						</td>
						<td class="tip-txt">현대자동차에서 제공하는 유용한 정보를 수신할 수 있습니다.</td>
					</tr>
					</tbody>
					</table>
				</div>

				<h5 class="subsection"><img src="/kr/images/title/h5_global_menu03_02_02_02.gif" alt="이용편의정보" /></h5>
				<p><img src="/kr/images/title/h5_global_menu03_02_02_02_desc.gif" alt="이벤트 행사 및 당첨안내는 이메일 또는 휴대전화 문자 메세지를 통해 제공 받으실 수 있습니다." /></p>
				<div class="convenience-service-info subsection02">
					<h6><img src="/kr/images/title/h6_global_menu02_04_01.gif" alt="기본 주소" /></h6>
					<p class="desc"><img src="/kr/images/global_menu/txt_global_menu02_04_04.gif" alt="카탈로그 신청, 시승, 이벤트, 구매상담 이용 시 활용됩니다." /></p>
					<div class="boardwrite-wrap02">
						<table summary="우편번호, 주소, 상세주소">
						<caption>기본 주소 입력</caption>
						<colgroup>
							<col width="15%" />
							<col />
							<col width="15%" />
							<col />
						</colgroup>
						<tbody>
						<tr>
							<th scope="row"><img src="/kr/images/global_menu/txt_global_menu02_04_07.gif" alt="우편번호 주소 상세주소" /></th>
							<td colspan="3">
								<input type="text" class="txt" style="width:52px;"  id="zipSn01"  name="zipSn01"  value="<c:out value='${mbrInfoVO.zipSn1 }'/>" readonly/>
								-
								<input type="text" class="txt" style="width:52px;" id="zipSn02" name="zipSn02"  value="<c:out value='${mbrInfoVO.zipSn2 }'/>"  readonly />
								<a href="javascript:zipCodePopUp('zipCode');"><img src="/kr/images/common/button/btn_zipcode.gif" alt="우편번호" /></a>
								<p class="sect">
									<input type="text" class="txt" style="width:738px;" id="adr" name="adr"  value="<c:out value='${mbrInfoVO.adr }'/>"   readonly  />
								</p>
								<p class="sect">
									<input type="text" class="txt" style="width:738px;" id="dtlAdr" name="dtlAdr"  value="<c:out value='${mbrInfoVO.dtlAdr }'/>"     readonly/>
								</p>
							</td>
						</tr>
						<tr>
							<th scope="row"><img src="/kr/images/global_menu/txt_global_menu02_04_09.gif" alt="생년월일" /></th>
							<td> 
                       
								<select   class="select select-type1"style="width:60px;" id="tymdYYYY" name="tymdYYYY" >
                                     <option value=''>년도</option>
                                    <c:forEach var ="i" begin= "0" end="112">
                                       <option value="${2012 - i}" <c:if test='${mbrInfoVO.tymdYYYY == (2012-i)}'> selected="selected"</c:if>>${2012- i}</option>
                                    </c:forEach>
								</select>
								년
								<select class="select select-type1 space02" style="width:56px;" id="tymdMM" name="tymdMM" >
                                   
                                     <option value=''>월</option>
                                  
                                    <option value="01" <c:if test='${mbrInfoVO.tymdMM == "01"}'> selected="selected"</c:if>>01</option>
                                    <option value="02" <c:if test='${mbrInfoVO.tymdMM == "02"}'> selected="selected"</c:if>>02</option>
                                    <option value="03" <c:if test='${mbrInfoVO.tymdMM == "03"}'> selected="selected"</c:if>>03</option>
                                    <option value="04" <c:if test='${mbrInfoVO.tymdMM == "04"}'> selected="selected"</c:if>>04</option>
                                    <option value="05" <c:if test='${mbrInfoVO.tymdMM == "05"}'> selected="selected"</c:if>>05</option>
                                    <option value="06" <c:if test='${mbrInfoVO.tymdMM == "06"}'> selected="selected"</c:if>>06</option>
                                    <option value="07" <c:if test='${mbrInfoVO.tymdMM == "07"}'> selected="selected"</c:if>>07</option>
                                    <option value="08" <c:if test='${mbrInfoVO.tymdMM == "08"}'> selected="selected"</c:if>>08</option>
                                    <option value="09" <c:if test='${mbrInfoVO.tymdMM == "09"}'> selected="selected"</c:if>>09</option>
                                    <option value="10" <c:if test='${mbrInfoVO.tymdMM == "10"}'> selected="selected"</c:if>>10</option>
                                    <option value="11" <c:if test='${mbrInfoVO.tymdMM == "11"}'> selected="selected"</c:if>>11</option>
                                    <option value="12" <c:if test='${mbrInfoVO.tymdMM == "12"}'> selected="selected"</c:if>>12</option>
								</select>
								월
								<select class="select select-type1 space02" style="width:56px;" id="tymdDD" name="tymdDD">
                                    <option value="" selected>일</option>
                                    <option value="01" <c:if test='${mbrInfoVO.tymdDD == "01"}'> selected="selected"</c:if>>01</option>
                                    <option value="02" <c:if test='${mbrInfoVO.tymdDD == "02"}'> selected="selected"</c:if>>02</option>
                                    <option value="03" <c:if test='${mbrInfoVO.tymdDD == "03"}'> selected="selected"</c:if>>03</option>
                                    <option value="04" <c:if test='${mbrInfoVO.tymdDD == "04"}'> selected="selected"</c:if>>04</option>
                                    <option value="05" <c:if test='${mbrInfoVO.tymdDD == "05"}'> selected="selected"</c:if>>05</option>
                                    <option value="06" <c:if test='${mbrInfoVO.tymdDD == "06"}'> selected="selected"</c:if>>06</option>
                                    <option value="07" <c:if test='${mbrInfoVO.tymdDD == "07"}'> selected="selected"</c:if>>07</option>
                                    <option value="08" <c:if test='${mbrInfoVO.tymdDD == "08"}'> selected="selected"</c:if>>08</option>
                                    <option value="09" <c:if test='${mbrInfoVO.tymdDD == "09"}'> selected="selected"</c:if>>09</option>
                                    <option value="10" <c:if test='${mbrInfoVO.tymdDD == "10"}'> selected="selected"</c:if>>10</option>
                                    <option value="11" <c:if test='${mbrInfoVO.tymdDD == "11"}'> selected="selected"</c:if>>11</option>
                                    <option value="12" <c:if test='${mbrInfoVO.tymdDD == "12"}'> selected="selected"</c:if>>12</option>
                                    <option value="13" <c:if test='${mbrInfoVO.tymdDD == "13"}'> selected="selected"</c:if>>13</option> 
                                    <option value="14" <c:if test='${mbrInfoVO.tymdDD == "14"}'> selected="selected"</c:if>>14</option> 
                                    <option value="15" <c:if test='${mbrInfoVO.tymdDD == "15"}'> selected="selected"</c:if>>15</option> 
                                    <option value="16" <c:if test='${mbrInfoVO.tymdDD == "16"}'> selected="selected"</c:if>>16</option> 
                                    <option value="17" <c:if test='${mbrInfoVO.tymdDD == "17"}'> selected="selected"</c:if>>17</option> 
                                    <option value="18" <c:if test='${mbrInfoVO.tymdDD == "18"}'> selected="selected"</c:if>>18</option> 
                                    <option value="19" <c:if test='${mbrInfoVO.tymdDD == "19"}'> selected="selected"</c:if>>19</option> 
                                    <option value="20" <c:if test='${mbrInfoVO.tymdDD == "20"}'> selected="selected"</c:if>>20</option> 
                                    <option value="21" <c:if test='${mbrInfoVO.tymdDD == "21"}'> selected="selected"</c:if>>21</option> 
                                    <option value="22" <c:if test='${mbrInfoVO.tymdDD == "22"}'> selected="selected"</c:if>>22</option> 
                                    <option value="23" <c:if test='${mbrInfoVO.tymdDD == "23"}'> selected="selected"</c:if>>23</option> 
                                    <option value="24" <c:if test='${mbrInfoVO.tymdDD == "24"}'> selected="selected"</c:if>>24</option> 
                                    <option value="25" <c:if test='${mbrInfoVO.tymdDD == "25"}'> selected="selected"</c:if>>25</option> 
                                    <option value="26" <c:if test='${mbrInfoVO.tymdDD == "26"}'> selected="selected"</c:if>>26</option> 
                                    <option value="27" <c:if test='${mbrInfoVO.tymdDD == "27"}'> selected="selected"</c:if>>27</option> 
                                    <option value="28" <c:if test='${mbrInfoVO.tymdDD == "28"}'> selected="selected"</c:if>>28</option> 
                                    <option value="29" <c:if test='${mbrInfoVO.tymdDD == "29"}'> selected="selected"</c:if>>29</option> 
                                    <option value="30" <c:if test='${mbrInfoVO.tymdDD == "30"}'> selected="selected"</c:if>>30</option> 
                                    <option value="31" <c:if test='${mbrInfoVO.tymdDD == "31"}'> selected="selected"</c:if>>31</option> 
								</select>
								일
							</td>
							<th scope="row"><img src="/kr/images/global_menu/txt_global_menu03_02_02_01.gif" alt="차대번호" /></th>
							<td>
								<input type="text" class="txt" style="width:150px;" name="vinNo" id="vinNo" maxlength="17" value="${mbrInfoVO.vinNo }"  onkeyUp="fnUpper()" />
							</td>
						</tr>
						<tr>
							<th scope="row"><img src="/kr/images/global_menu/txt_global_menu02_04_10.gif" alt="성별" /></th>
							<td>
								<select  class="select select-type1" style="width:56px;" name="mbrSex" id="mbrSex">
                                    <option value="M" <c:if test="${mbrInfoVO.mbrSex == 'M'}"> selected="selected"</c:if>>남</option>
                                    <option value="F" <c:if test="${mbrInfoVO.mbrSex == 'F'}"> selected="selected"</c:if>>여</option>
                             	</select>
							</td>
							<th scope="row"><img src="/kr/images/global_menu/txt_global_menu03_02_02_02.gif" alt="등록번호" /></th>
							<td>
								<input type="text" class="txt" style="width:150px;" name="cnttNo" id="cnttNo" maxlength="15" value="${mbrInfoVO.cnttNo }"/>
							</td>
						</tr>
						</tbody>
						</table>
					</div>
					<p class="agree-check">
						등록된 기본주소는 카탈로그, 이벤트 경품 등의 배송지로 활용합니다.<br />
						이벤트 행사 및 당첨안내는 이메일 또는 휴대전화 문자 메세지를 통해 제공 받으실 수 있습니다.
					</p>
				</div>
				<div class="sns-service-setting subsection">
                        <h5><img src="/kr/images/title/h5_global_menu02_04_02.gif" alt="소셜 서비스 연동" /></h5>
                        <p><img src="/kr/images/global_menu/txt_global_menu02_04_06.gif" alt="현대자동차 홈페이지 내 여러가지 소셜 앱(Social App)들을 회원님 SNS 계정으로 편리하게 이용하실 수 있습니다." /></p>
                        <div class="sns-area">
                            <script type="text/javascript" charset="utf-8" src="${snsHttpsDomain}/sns/pub?type=3&pageCode=${pageCode}&js=1&uKey=${fnc:encryptCb(mbrInfoVO.mbrSn) }"></script>
                        </div>
				</div>
				<div class="btnwrap">
					<a href="javascript:mbrInfoUpdate();"><img src="/kr/images/common/button/btn_modify.gif" alt="수정" /></a>
					<a href="#"><img src="/kr/images/common/button/btn_cancel.gif" alt="취소" /></a>
					<span class="right">
						<a href="javascript:mbrDropView();"  class="layer-control"><img src="/kr/images/common/button/btn_member_out.gif" alt="회원탈퇴" /></a>
					</span>
				</div>
			</div>
            </form>
            </div>
        
		</div>
	</div>
	<hr />
    <%@ include file="/WEB-INF/jsp/com/include/footer.jspf" %>